<!DOCTYPE html>
<html lang="zh_CN">
	<!--begin::Head-->
	<head>
		{include file="public/meta"}

		<!-- 当前页面依赖的css文件 -->
		{:load_assets('base,shepherd,menutabs','css')}
	</head>
	<!--end::Head-->
	<!--begin::Body-->
	<body id="kt_app_body" data-kt-app-layout="dark-sidebar" data-kt-app-header-fixed="true" data-kt-app-sidebar-enabled="true" data-kt-app-sidebar-fixed="true" data-kt-app-sidebar-hoverable="true" data-kt-app-sidebar-push-header="true" data-kt-app-sidebar-push-toolbar="true" data-kt-app-sidebar-push-footer="true" data-kt-app-toolbar-enabled="true" data-kt-app-toolbar-fixed="true" data-kt-app-toolbar-fixed-mobile="true" class="app-default">
		<!--begin::App-->
		<div class="d-flex flex-column flex-root app-root" id="kt_app_root">
			<!--begin::Page-->
			<div class="app-page flex-column flex-column-fluid" id="kt_app_page">
				<!--begin::Header-->
				{include file="public/base/header"}
				<!--end::Header-->
				<!--begin::Wrapper-->
				<div class="app-wrapper flex-column flex-row-fluid" id="kt_app_wrapper">
					<!--begin::Sidebar-->
					{include file="public/base/aside"}
					<!--end::Sidebar-->
					<!--begin::Main-->
					<div class="app-main flex-column flex-row-fluid" id="kt_app_main">
						<!--begin::Content wrapper-->
						<div class="d-flex flex-column flex-column-fluid">
							<!--begin::Toolbar-->
							{include file="public/base/toolbar"}
							<!--end::Toolbar-->
							<!--begin::Content-->
							<div id="kt_app_content" class="app-content flex-column-fluid p-0">
								<!--begin::Content container-->
								<div id="kt_app_content_container" class="container-fluid h-100 p-0">
									<div class="tab-content h-100" id="tab_content">
										
									</div>
								</div>
								<!--end::Content container-->
							</div>
							<!--end::Content-->
						</div>
						<!--end::Content wrapper-->
						<!--begin::Footer-->
						
						<!--end::Footer-->
					</div>
					<!--end:::Main-->
				</div>
				<!--end::Wrapper-->
			</div>
			<!--end::Page-->
		</div>
		<!--end::App-->
		
		<!--begin::Javascript-->
		<!--begin::Global Javascript Bundle(mandatory for all pages)-->
		{:load_assets('base,screenfull,shepherd,menutabs','js')}
		<!--end::Global Javascript Bundle-->
		<!--end::Javascript-->
		<script>
			
			//系统操作提示说明弹窗
			function operate_suggestion(){
				const tour = new Shepherd.Tour({
					useModalOverlay: true,
					defaultStepOptions: {
						cancelIcon: {
							enabled: true
						},
						classes: 'mw-300px',
						scrollTo: { behavior: 'smooth', block: 'center' }
					}
				});

				tour.addStep({
					title: '用户信息',
					text: `包含用户的基本信息和设置，菜单的快捷搜索。`,
					attachTo: {
						element: '#kt_app_sidebar_toolbar',
						on: 'right'
					},
					buttons: [
						{
							action() {
								return this.back();
							},
							classes: 'btn btn-secondary btn-sm',
							text: '上一步'
						},
						{
							action() {
								return this.next();
							},
							classes: 'btn btn-primary btn-sm',
							text: '下一步'
						}
					],
					id: 'menu'
				});

				tour.addStep({
					title: '操作菜单',
					text: `所有的菜单操作都是在这里电风扇电风扇士大夫撒旦飞洒手动阀手动阀`,
					attachTo: {
						element: '#kt_app_sidebar_menu_wrapper',
						on: 'right'
					},
					buttons: [
						{
							action() {
								return this.back();
							},
							classes: 'btn btn-secondary btn-sm',
							text: '上一步'
						},
						{
							action() {
								return this.next();
							},
							classes: 'btn btn-primary btn-sm',
							text: '下一步'
						}
					],
					id: 'menu'
				});
				
				tour.addStep({
					title: '导航菜单主题',
					text: `导航菜单主题的明暗的主题切换色发射点发射点发士大夫发给山豆根豆腐干上的豆腐干士大夫敢死队风格收到反感的是法国`,
					attachTo: {
						element: '#kt_app_sidebar_footer',
						on: 'right'
					},
					buttons: [
						{
							action() {
								return this.back();
							},
							classes: 'btn btn-secondary btn-sm',
							text: '上一步'
						},
						{
							action() {
								return this.next();
							},
							classes: 'btn btn-primary btn-sm',
							text: '下一步'
						}
					],
					id: 'theme'
				});
				tour.addStep({
					title: '基本操作栏',
					text: `所有的基本操作都是在这里返回风格化风格化打发士大夫士大夫士大夫撒旦飞洒的`,
					attachTo: {
						element: '#kt_app_header_toolbar',
						on: 'bottom'
					},
					buttons: [
						{
							action() {
								return this.back();
							},
							classes: 'btn btn-secondary btn-sm',
							text: '上一步'
						},
						{
							action() {
								return this.next();
							},
							classes: 'btn btn-primary btn-sm',
							text: '下一步'
						}
					],
					id: 'tools'
				});

				tour.addStep({
					title: '页面标签切换',
					text: `所有的基本操作都是在这里返回风格化风格化打发士大夫士大夫士大夫撒旦飞洒的`,
					attachTo: {
						element: '#kt_app_toolbar',
						on: 'bottom'
					},
					buttons: [
						{
							action() {
								return this.back();
							},
							classes: 'btn btn-secondary btn-sm',
							text: '上一步'
						},
						{
							action() {
								return this.complete();
							},
							classes: 'btn btn-primary btn-sm',
							text: '完成'
						}
					],
					id: 'tabs'
				});

				tour.start();
			}
			
			jQuery(function () {
				let options = {
					max_tabs_num: 20, //最多同时打开的标签页数量
					show_breadcrumb: true, //是否展示面包屑
					notification_open: false, //是否开启消息通知
					notification_url: "{:url('index/notification')}", //消息通知的url地址
					notification_timer: 10000, //消息通知轮询的事件间隔（单位毫秒）
					menu_count_open: true, //是否开启左侧的菜单栏的某个菜单加载统计数据
					menu_count_url: "{:url('index/menu_count')}", //加载数据的url地址
					menu_count_timer: 15000, //加载数据轮询的事件间隔（单位毫秒）
					menu_count_target: ".menu-count", //显示消息统计的目标
					clear_cache_open: true, //是否开启清除缓存
					clear_cache_url: "{:url('index/clear_cache')}", //清除缓存的url地址
					menu_type: 1, //菜单类型，1：全部都在左侧，2：一级在顶部，子菜单在左侧
					menu_sub_icon: 1, //子菜单的图标显示，1：统一图标，2：自定义图标
					menu_load_url: "{:url('index/get_menus')}", //加载左侧导航栏菜单的url地址
					menu_init_open_ids: "", //初始化要打开的菜单列表,多个id用,分隔
					switch_refresh_datatable_open : true, //是否开启切换菜单，主动刷新datatable的列表数据
					open_operate_suggestion : null, //是否开启操作提示，传入null：不开启，方法表示开启
				};
				menuTabs.init(options);
				
			});
		</script>
	</body>
	<!--end::Body-->
</html>